<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>Index</title>

        <script src="../static/js/echarts.min.js"></script>
        <script src="../static/js/jquery.min.js"></script>
        <link href="/static/css/index.css" type="text/css" rel="stylesheet">
        <link rel="stylesheet" href="https://www.w3schools.cn/cdnjs/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    </head>
    <body>

        <div class="sidebar">
            <p>
                <img src="/static/img/logo.png" style="width: 178px;height: auto;" alt="">
            </p>
            <br/>
            <hr class="hr-shadow">
            <a href="class-sales.html">
                分类与销量</a>
            <a href="id-mean-price.html">
                平均单价
            </a>
            <a href="season.html">
                季节分类
            </a>
            <a href="whether-discounted.html">
                打折情况
            </a>
            <a href="scanning-time.html">
                时间聚合
            </a>
            <a href="code-name.html">
                不同编码销售情况
            </a>
            <a href="class-name.html">
                价格变化
            </a>
            <a href="{{ url_for('user_login') }}">
                退出登录
            </a>
            <div id="current_date" style="text-align: center">
                <script>
                    var currentDate = new Date().toDateString().replace('GMT', '');
                    document.getElementById("current_date").innerHTML = currentDate;
                </script>
            </div>
        </div>
        <div class="content">

            <div class="title">
                <br>
                <p>蔬菜类商品数据可视化系统的设计与实现</p>
            </div>
            <div class="big_box">
                <div class="all_num">
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi-bi-bar-chart-fill" viewBox="0 0 16 16">
                             <path d="M1 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3zm5-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2z"></path>
                        </svg>
                        <p style="font-size: 25px;font-weight: 700">878503</p>
                        <p><b>数据总量</b></p>
                    </a>
                </div>

                <div class="vegetables_type">
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi-bi-bar-chart-fill" viewBox="0 0 16 16">
                             <path d="M5.071 1.243a.5.5 0 0 1 .858.514L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6h1.717L5.07 1.243zM3.5 10.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3z"></path>
                        </svg>
                        <p style="font-size: 25px;font-weight: 700">6</p>
                        <p><b>蔬菜分类</b></p>
                    </a>
                </div>

                <div class="vegetable">
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi-bi-bar-chart-fill" viewBox="0 0 16 16">
                             <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1.646-7.646-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
                        </svg>
                        <p style="font-size: 25px;font-weight: 700">252</p>
                        <p><b>蔬菜品种</b></p>
                    </a>
                </div>

                <div class="group_num">
                    <a href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi-bi-bar-chart-fill" viewBox="0 0 16 16">
                            <path d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path>
                            <path fill-rule="evenodd" d="M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216z"></path>
                            <path d="M4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"></path>
                        </svg>
                        <p style="font-size: 25px;font-weight: 700">3</p>
                        <p><b>时间跨度</b></p>
                    </a>
                </div>
            </div>
        </div>

    </body>
</html>